<template>
  <div class="mainaa" style="top:10px;left:40px;">
      <Plane class="loadingB" size="20px" :color="color" />
      <!-- <p class="textInfo">转码中请稍后...</p> -->
  </div>
</template>

<script>
  import { Plane } from 'vue-loading-spinner'
  export default {
    props:['size'],
    name:'formateCodeLoading',
    components: {
      Plane
    },
    data(){
        return{
            sizes:'300px',
            color:'#fafafa'
        }
    },
    created(){
      this.init()
    },
    methods:{
      init(){
        this.sizes=this.size
      }
    }
  }
</script>
<style scoped>
.mainaa{
  position: relative;
}
.loadingB{
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.textInfo{
    position: relative;
    text-align: center;
    top: 30px;
    font-weight: bold;
}
</style>